<!DOCTYPE html>
<html lang="en">

<head>
<title>Candidates</title>
<link rel="stylesheet" type="text/css" href="crud.css">
</head>

<body>
	<header>
		<img id="logo" src="logo2.png" alt="picture" height="50" width="170"
			padding="10"></img> <a href="login.jsp">Sign out</a></br>
	</header>

	<nav>
		<ul>
			<a font-size="50">VIEW</a>
			</br>
			<a href="candidateCRUD.jsp">Candidate</a>
			</br>
			<a href="jobCRUD.jsp">Positions</a>
			</br>
			</br>
			<a font-size="50"> EDIT</a>
			</br>
			<a href="addJob.jsp">Add new job</a>
			</br>
			<a href="updateJob.jsp">Update job</a>
			</br>
			<a href="">Delete job</a>
			</br>
		</ul>
	</nav>

	<main> <c:if test="${!empty candidateList}">
		<table class="altrowstable" id="alternatecolor">
			<tr>
				<th>ID</th>
				<th>First name</th>
				<th>Last name</th>
				<th>Phone number</th>
				<th>Mobile number</th>
				<th>Email address</th>
				<th>Relocation</th>
			</tr>
			<c:forEach items="${candidateList}" var="user">
				<tr>
					<td>${candidate.id}</td>
					<td>${candidate.firstName}</td>
					<td>${candidate.lastname}</td>
					<td>${candidate.phoneNumber}</td>
					<td>${candidate.mobileNumber}</td>
					<td>${candidate.email}</td>
					<td>${candidate.relocation}</td>
					<td><a href="updateCandidate">Update</a></td>
					<td><a href="deleteCandidate">Delete</a>
					<td>
				</tr>
			</c:forEach>
		</table>
	</c:if> </main>

	<script type="text/javascript"
		src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="tableDesignScript.js"></script>

</body>
</html>
